<template>
	<view >
		
		<listBox :name="name" :word="word" :params='params'>
			<courseItem v-for="(item,index) in courseData" :key="index" :item="item"></courseItem>
		</listBox>
		
	</view>
</template>

<script>
	import listBox from "./list-box.vue"
	import courseItem from "@/components/common/course-item.vue"
	import courseData from "@/mock/courseData.js"
	export default{
		components:{listBox,courseItem},
		props: {
			name: {
				type: String,
				default: '热门推荐'
			},
			word: { // HOT
				type: String,
				default: null
			},
			courseData: {
				type: Array,
				default: () => courseData
			},
			params: Object, // 点击`全部`按钮要向搜索页传递的查询条件
		},
		// 监听原生标题栏按钮点击事件，参数为Object
		onNavigationBarButtonTap(e) {
			// console.log('e', e)
			// 点击第1个按钮
			if(e.index === 0) {
				// 打开扫一扫功能,允许从相机和相册扫码
				uni.scanCode({
				    success: (res) => { // 如果要在方法中使用 this 则使用箭头函数
				  //       console.log('条码类型：' + res.scanType);
				  //       console.log('条码内容：' + res.result);
						uni.navigateTo({
							url: `/pages/public/web-view?url=${res.result}`
						})
				    },
					fail: ()=> {
						uni.showModal({
							title: '扫码失败',
							icon: ''
						})
					}
				});
			}
		},
 	}
</script>

<style>
</style>
